@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body{font-family: "微软雅黑";background: #f0f0f0;}
li{ list-style: none;}
h1,h2,h3,h4,h5,h6,strong,b{ font-size: 12px; font-weight: normal;}
em,i{font-style: normal;}
a{ text-decoration: none;}
.clearfix:after{content: ""; display: block;clear: both;}
.clearfix{zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}
input{ border: none; background: none; outline: none;}
input[type=button],input[type=submit],input[type=file],button{ cursor: pointer; -webkit-appearance: none;border-radius: 0;}
img{border: none;}

/* 评分星星 */ 
.star-warpper{margin-top: 0.1rem;font-size: 0;}
.star-warpper .star-list{margin-right: 0.05rem;display: inline-block;vertical-align: top;font-size: 0;}
.star-warpper .star-item{margin-right: 0.06rem;display: inline-block;vertical-align: top;width: 0.28rem;height: 0.3rem;}
.star-warpper .star-item.on{background: url(../img/on.png) no-repeat center center;background-size: 0.28rem 0.27rem;}
.star-warpper .star-item.off{background: url(../img/off.png) no-repeat center center;background-size: 0.28rem 0.27rem;}
.star-warpper .star-item.half{background: url(../img/half.png) no-repeat center center;background-size: 0.28rem 0.27rem;}
.star-warpper .score{display: inline-block;vertical-align: top;line-height: 0.3rem;font-size: 0.26rem;color: #ff7452;}

/* 评分星星（小） */ 
.small-star-list{font-size: 0;}
.small-star-list .star-item{margin-right: 0.06rem;display: inline-block;vertical-align: top;width: 0.24rem;height: 0.25rem;}
.small-star-list .star-item.on{background: url(../img/on.png) no-repeat center center;background-size: 0.24rem 0.23rem;}
.small-star-list .star-item.off{background: url(../img/off.png) no-repeat center center;background-size: 0.24rem 0.23rem;}
.small-star-list .star-item.half{background: url(../img/half.png) no-repeat center center;background-size: 0.24rem 0.23rem;}

/* index */
.header{position: fixed;left: 0;top: 0;width: 7.5rem;height: 0.88rem;box-sizing: border-box;font-size: 0;border-bottom: 1px solid #e5e5e5;background: #fff;z-index: 100;}
.header .return{display: inline-block;vertical-align: top;width: 0.77rem;height: 0.88rem;background: url(../img/nav_return.png) no-repeat center center;background-size: 0.23rem 0.42rem;}
.header .address-wrapper{display: inline-block;vertical-align: top;width: 1.12rem;font-size: 0;}
.header .address-wrapper .addres{display: inline-block;vertical-align: top;line-height: 0.88rem;width:1.2rem;height: 0.88rem;text-align: center;overflow: hidden;text-overflow: ellipsis;font-size: 0.32rem;color: #333;}
.header .address-wrapper .icon{display: inline-block;vertical-align: top;width: 0.42rem;height: 0.88rem;background: url(../img/select-icon.png) no-repeat center center;background-size: 0.21rem 0.12rem;}
.header .search-wrapper{margin-top: 0.12rem;display: inline-block;vertical-align: top;width: 4.65rem;height: 0.64rem;background: #f0f0f0;font-size: 0;}
.header .search-wrapper .icon{display: inline-block;vertical-align: top;width: 0.72rem;height: 0.64rem;background: url(../img/nav_search2.png) no-repeat center center;background-size: 0.32rem 0.3rem;}
.header .search-wrapper .input-text{display: inline-block;vertical-align: top;width: 3.9rem;height: 0.64rem;font-size: 0.28rem;color: #333;}
.header .user{display: inline-block;vertical-align: top;width: 0.96rem;height: 0.88rem;background: url(../img/user-icon.png) no-repeat center center;background-size: 0.38rem 0.43rem;}
.banner{margin-top: 0.88rem;width: 100%;background: #fff;}
.banner img{display: block;width: 100%;}
.banner .swiper-pagination{bottom:-0.12rem}
.banner .swiper-pagination span{width: 0.12rem;height: 0.12rem;border-radius: 50%;background: rgba(255,255,255,0.5);}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.nav-list{padding-bottom: 0.26rem;width: 100%;background: #fff;}
.nav-list .nav-item{padding: 0.28rem 0 0.04rem;float: left;width: 25%;}
.nav-list .nav-item a{display: block;}
.nav-list .nav-item img{margin: 0 auto 0.16rem;display: block;width: 0.94rem;height: 0.94rem}
.nav-list .nav-item span{display: block;line-height: 0.26rem;font-size: 0.26rem;text-align: center;color: #333;}
.activity-wrapper{padding-bottom: 0.22rem;margin-top: 0.1rem;width: 100%;background: #fff;}
.activity-wrapper .title{padding-left: 0.25rem;line-height: 0.66rem;font-size: 0.26rem;color: #333;}
.activity-wrapper .activity-container{width: 100%;}
.activity-wrapper .activity-container .swiper-slide{width: 93%;}
.activity-wrapper .activity-container .swiper-slide img{display: block;width: 100%;}
.business{width: 100%;margin-top: 0.1rem;}
.business .business-title{border-bottom: 1px solid #eee;background: #fff;}
.business .business-title .title{float: left;padding-left: 0.25rem;line-height: 0.8rem;font-size: 0.26rem;color: #333;}
.business .business-title .more{float: right;padding: 0 0.3rem;line-height: 0.8rem;height: 0.8rem;font-size: 0.24rem;color: #c4c4c4;}
.business .business-title .more .icon{display: inline-block;vertical-align: top;width: 0.23rem;height: 0.8rem;background: url(../img/more.png) no-repeat right center;background-size: 0.12rem 0.22rem;}
.business .business-item{margin-bottom: 0.1rem;background: #fff;}
.business .business-item:last-child{margin-bottom: 0;}
.business .business-item a{display: block;padding: 0.26rem 0;margin-left: 0.25rem;display: flex;display: -webkit-flex;background: #fff;border-bottom: 1px solid #eee;}
.business .business-item .avatar{margin-right: 0.2rem;flex: 0 0 1.69rem;-webkit-flex: 0 0 1.69rem;width: 1.69rem;}
.business .business-item .avatar img{display: block;width: 1.69rem;height: 1.38rem;}
.business .business-item .text{flex: 1;-webkit-flex: 1;}
.business .business-item .text .name{margin-right: 0.1rem;line-height: 0.5rem;font-size: 0.34rem;color: #333;font-weight: bold;}
.business .text-bottom{margin-top: 0.22rem;}
.business .text-bottom .brand-wrapper{float: left;font-size: 0;}
.business .text-bottom .brand-wrapper .title{display: inline-block;vertical-align: top;line-height: 0.24rem;font-size: 0.24rem;color: #999;}
.business .text-bottom .brand-wrapper .brand-list{display: inline-block;vertical-align: top;font-size: 0;}
.business .text-bottom .brand-wrapper .brand-list .brand-item{margin-left: 0.14rem;display: inline-block;vertical-align: top;width: 0.24rem;height: 0.24rem;}
.business .brand-wrapper .brand-list .brand-item img{display: block;width: 0.24rem;height: 0.24rem;} 
.business .text-bottom .distance{margin-right: 0.2rem;float: right;line-height: 0.24rem;font-size: 0.24rem;color: #999;}
.business .package-wrapper{background: #fff;}
.business .package-wrapper .package-list{height: 2rem;overflow: hidden;}
.business .package-wrapper .package-list.on{height: auto;}
.business .package-wrapper .package-item{margin-left: 0.25rem;height: 1rem;border-bottom: 1px solid #eee;font-size: 0;}
.business .package-wrapper .package-item:last-child{border-bottom: none;}
.business .package-wrapper .package-item .price{margin-right: 0.12rem;display: inline-block;vertical-align: top;line-height: 1rem;font-size: 0.36rem;color: #ff7452;font-weight: bold;}
.business .package-wrapper .package-item .price i{margin-right: 0.12rem;font-size: 0.3rem;font-weight: normal;}
.business .package-wrapper .package-item .old-price{margin-right: 0.4rem;display: inline-block;vertical-align: top;line-height: 1rem;font-size: 0.26rem;color: #999;text-decoration: line-through;}
.business .package-wrapper .package-item .name{display: inline-block;vertical-align: top;line-height: 1rem;font-size: 0.3rem;color: #333;}
.business .package-wrapper .more-package .title-wrapper{height: 0.79rem;text-align: center;font-size: 0;border-top: 1px solid #eee;}
.business .package-wrapper .more-package .title-wrapper .title{display: inline-block;vertical-align: top;line-height: 0.79rem;height: 0.79rem;font-size: 0.28rem;color: #999;}
.business .package-wrapper .more-package .title-wrapper .icon{display: inline-block;vertical-align: top;width: 0.5rem;height: 0.79rem;background: url(../img/select-icon2.png) no-repeat center center;background-size: 0.22rem 0.12rem;}
.business .package-wrapper .more-package.on .title-wrapper .icon{transform: rotate(180deg)}
 
 /* paint-care */
 .paint-care-header{position: fixed;left: 0;top: 0;width: 7.5rem;box-sizing: border-box;background: #fff;z-index: 100;border-bottom: 1px solid #e5e5e5;}
 .paint-care-header .paint-care-header-top{height: 0.92rem;font-size: 0;}
 .paint-care-header .paint-care-header-top .return{display: inline-block;vertical-align: top;width: 0.77rem;height: 0.92rem;background: url(../img/nav_return.png) no-repeat center center;background-size: 0.23rem 0.42rem;}
.paint-care-header .search-wrapper{margin-top: 0.14rem;display: inline-block;vertical-align: top;width: 5.75rem;height: 0.64rem;background: #f0f0f0;font-size: 0;}
.paint-care-header .search-wrapper .icon{display: inline-block;vertical-align: top;width: 0.72rem;height: 0.64rem;background: url(../img/nav_search2.png) no-repeat center center;background-size: 0.32rem 0.3rem;}
.paint-care-header .search-wrapper .input-text{display: inline-block;vertical-align: top;width: 5.0rem;height: 0.64rem;font-size: 0.28rem;color: #333;}
/**2017年9月27日新增**/
.paint-care-header .paint-care-header-top .search{display: inline-block;vertical-align: top;width: 0.96rem;height: 0.96rem;background: url(../img/search.png) no-repeat center center;background-size: 0.38rem 0.43rem;}



.paint-care-header .paint-care-header-bottom{display: flex;display: -webkit-flex;height: 0.78rem;}
.paint-care-header .paint-care-header-bottom .bottom-item{flex: 1;-webkit-flex: 1;text-align: center;font-size: 0;}
.paint-care-header .paint-care-header-bottom .paint-car .title{display: inline-block;vertical-align: top;line-height: 0.78rem;font-size: 0.28rem;color: #333;}
.paint-care-header .paint-care-header-bottom .paint-car .icon{display: inline-block;vertical-align: top;width: 0.4rem;height: 0.78rem;background: url(../img/productlist_filter.png) no-repeat center center;background-size: 0.18rem 0.1rem;}
.paint-care-header .paint-care-header-bottom .paint-car.on .icon{transform: rotate(180deg)}
/*.paint-care-header .paint-care-header-bottom .praise{line-height: 0.78rem;font-size: 0.28rem;color: #808080;}*/
/** 2017年9月25日，新增**/
.paint-care-header .paint-care-header-bottom .synthesize{line-height: 0.78rem;font-size: 0.28rem;color: #808080;}
.paint-care-header .paint-care-header-bottom .synthesize-on{line-height: 0.78rem;font-size: 0.28rem;color: ##333;}
.paint-care-header .paint-care-header-bottom .praise{line-height: 0.78rem;font-size: 0.28rem;color: #808080;}
.paint-care-header .paint-care-header-bottom .praise-on{line-height: 0.78rem;font-size: 0.28rem;color: ##333;}
.paint-care-header .paint-care-header-bottom .distance{line-height: 0.78rem;font-size: 0.28rem;color: #808080;}
.paint-care-header .paint-care-header-bottom .distance-on{line-height: 0.78rem;font-size: 0.28rem;color: ##333;}




.paint-care-header .paint-care-header-bottom .distance .title{color: #808080;}
.paint-care-header .paint-care-header-bottom .distance .icon{background: url(../img/list_sort_sel_down@2x.png) no-repeat center center;background-size: 0.24rem;}
.paint-care-header .paint-care-header-bottom .distance.active .icon{background: url(../img/list_sort_sel_up@2x.png) no-repeat center center;background-size: 0.24rem;}
.paint-care-business{margin-top: 1.8rem;}
.mask{position: fixed;left: 0;top: 0;z-index: 90;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none;}
.mask.on{display: block;}
.mask .list{position: absolute;left: 0;top: 0;padding-top: 1.7rem;display: flex;display: -webkit-flex;width: 100%;max-height: 100%;box-sizing: border-box;background: #fff;}
.mask .list .list-left{flex: 1;-webkit-flex: 1;background: #f7f7f7;max-height: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;}
.mask .list .list-left .left-item{display: table;line-height: 0.4rem;height: 0.9rem;width: 100%;}
.mask .list .list-left .left-item .text{padding-left: 0.55rem;display: table-cell;vertical-align: middle;font-size: 0.3rem;color: #333;}
.mask .list .list-left .left-item.on{background: #fff;}
.mask .list .list-left .left-item.on .text{color: #0a95f7;}
.mask .list .list-right{flex: 2;-webkit-flex: 2;background: #fff;max-height: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;}
.mask .list .list-right .right-item{display: table;height: 0.9rem;width: 100%;line-height: 0.4rem;border-bottom: 1px solid #eee;box-sizing: border-box;}
.mask .list .list-right .right-item .text{padding:0 0.6rem 0 1.05rem;display: table-cell;vertical-align: middle;font-size: 0.3rem;color: #333;}
.mask .list .list-right .right-item .icon{margin-right: 0.25rem;display: inline-block;vertical-align: top;width: 0.4rem;height: 0.4rem;}
.mask .list .list-right .right-item .icon img{display: block;width: 0.4rem;height: 0.4rem;}
.mask .list .list-right .right-item.on .text{color: #0a95f7;}
.mask .list .letter{position: absolute;right: 0;top: 0;padding-top: 1.8rem;width: 0.6rem;height: 100%;box-sizing: border-box;background: #fff;}
.mask .list .letter .letter-item{line-height: 0.28rem;width: 100%;height: 0.28rem;text-align: center;font-size: 0.2rem;color: #999;}
.mask .list .letter .letter-item.on{font-size: 0.24rem;color: #333;}

/* merchant-details */ 
.merchant-details-header{position: fixed;left: 0;top: 0;width: 100%;height: 0.9rem;z-index: 100;}
.merchant-details-header.on{background: #fff;}
.merchant-details-header .return{float: left;display: block;width: 1.12rem;height: 0.9rem;background: url(../img/return02.png) no-repeat center center;background-size: 0.6rem;}
.merchant-details-header .collection{float: right;display: block;width: 0.9rem;height: 0.9rem;background: url(../img/collection.png) no-repeat center center;background-size: 0.6rem;}
.merchant-details-header .collectioned{float: right;display: block;width: 0.9rem;height: 0.9rem;background: url(../img/collectioned.png) no-repeat center center;background-size: 0.6rem;}

.merchant-details-header .share{float: right;margin-right: 0.1rem;display: block;width: 0.9rem;height: 0.9rem;background: url(../img/share.png) no-repeat center center;background-size: 0.6rem;}
.merchant-details-banner{margin-top: 0;}
.merchant-info{padding-left: 0.25rem;background: #fff;}
.merchant-info .name-score{padding:0.24rem 0 0.3rem;border-bottom: 1px solid #eee;}
.merchant-info .name-score .name{line-height: 0.45rem;font-size: 0.34rem;font-weight: bold;color: #333;}
.merchant-info .name-score .level{float: right;padding: 0 0.1rem;margin-right: 0.25rem;line-height: 0.4rem;font-size: 0.24rem;color: #e4e6e4;background: #32b26c;}
.merchant-info .name-score .level2{background: #e56611;}
.merchant-info .name-score .level3{background: blue;}
.merchant-info .add-tel{padding: 0.22rem 0 0.2rem;display: flex;display: -webkit-flex;border-bottom: 1px solid #eee;}
.merchant-info .add-tel .icon{margin-right: 0.27rem;display: block;flex: 0 0 0.36rem;-webkit-flex: 0 0 0.36rem;width: 0.36rem;height: 0.42rem;background: url(../img/add.png) no-repeat center center;background-size: 0.34rem 0.4rem;}
.merchant-info .add-tel .add{flex: 1;-webkit-flex: 1;line-height: 0.42rem;font-size: 0.28rem;color: #666;}
.merchant-info .add-tel .tel{display: block;flex: 0 0 0.94rem;-webkit-flex: 0 0 0.94rem;width: 0.94rem;height: 0.42rem;background: url(../img/tel.png) no-repeat center center;background-size: 0.4rem;}
.merchant-info .business-hours{padding: 0.22rem 0;display: flex;display: -webkit-flex;border-bottom: 1px solid #eee;}
.merchant-info .business-hours .icon{margin-right: 0.27rem;display: block;flex: 0 0 0.4rem;-webkit-flex: 0 0 0.4rem;width: 0.4rem;height: 0.4rem;background: url(../img/time.png) no-repeat center center;background-size: 0.36rem;}
.merchant-info .business-hours .time{display: block;flex: 1;-webkit-flex: 1;line-height: 0.4rem;font-size: 0.28rem;color: #666;}
.merchant-info .business-hours .time i{margin: 0 0.06rem;color: #b3b3b3;}
.merchant-info .business-profiles{height: 0.82rem;}
.merchant-info .business-profiles .icon{float: left;margin-right: 0.27rem;display: block;width: 0.34rem;height: 0.82rem;background: url(../img/jianjie.png) no-repeat center center;background-size: 0.3rem 0.33rem;}
.merchant-info .business-profiles .title{float: left;line-height: 0.82rem;font-size: 0.28rem;color: #666;}
.merchant-info .business-profiles .go{float: right;display: block;width: 0.64rem;height: 0.82rem;background: url(../img/go.png) no-repeat center center;background-size: 0.12rem 0.22rem;}
.merchant-details-package{margin-top: 0.2rem;background: #fff;}
.merchant-details-package .top-title-wrapper{height: 0.8rem;border-bottom: 1px solid #eee;font-size: 0;}
.merchant-details-package .top-title-wrapper .icon{margin-left: 0.12;display: inline-block;vertical-align: top;width: 0.58rem;height: 0.8rem;background: url(../img/zhe.png) no-repeat center center;background-size: 0.3rem;}
.merchant-details-package .top-title-wrapper .title{display: inline-block;vertical-align: top;line-height: 0.8rem;font-size: 0.28rem;color: #999;}
.merchant-details-package .package-list{padding-left: 0.3rem;height: 4.5rem;overflow: hidden;}
.merchant-details-package .package-list.on{height: auto;}
.merchant-details-package .package-list .package-item{display: flex;display: -webkit-flex;height: 1.5rem;box-sizing: border-box;border-bottom: 1px solid #eee;}
.merchant-details-package .package-item .avatar{margin:0.18rem 0.2rem 0 0;flex: 0 0 1.5rem;-webkit-flex: 0 0 1.5rem;height: 1.1rem;}
.merchant-details-package .package-item .avatar img{display: block;width: 1.5rem;height: 1.1rem;}
.merchant-details-package .package-item .text{margin-top: 0.18rem;flex: 1;-webkit-flex: 1;}
.merchant-details-package .package-item .text .name{line-height: 0.5rem;font-size: 0.32rem;color: #333;}
.merchant-details-package .package-item .text .price-wrapper{margin-top: 0.2rem;font-size: 0;}
.merchant-details-package .package-item .text .price-wrapper .price{margin-right: 0.15rem;display: inline-block;vertical-align: top;line-height: 0.36rem;font-size: 0.36rem;color: #ff7452;}
.merchant-details-package .package-item .text .price-wrapper .old-price{display: inline-block;vertical-align: top;line-height: 0.36rem;font-size: 0.24rem;color: #999;text-decoration: line-through;}
.merchant-details-package .more-package .title-wrapper{height: 0.79rem;text-align: center;font-size: 0;}
.merchant-details-package .more-package .title-wrapper .title{display: inline-block;vertical-align: top;line-height: 0.79rem;height: 0.79rem;font-size: 0.28rem;color: #999;}
.merchant-details-package .more-package .title-wrapper .icon{display: inline-block;vertical-align: top;width: 0.5rem;height: 0.79rem;background: url(../img/select-icon2.png) no-repeat center center;background-size: 0.22rem 0.12rem;}
.merchant-details-package .more-package.on .title-wrapper .icon{transform: rotate(180deg)}
.ratings{margin-top: 0.2rem;background: #fff;}
.ratings .ratings-top{height: 0.79rem;border-bottom: 1px solid #e5e5e5;}
.ratings .ratings-top .star-warpper{margin: 0.24rem 0 0 0.28rem;}
.ratings .ratings-top .ratings-num{float: right;margin-right: 0.1rem;font-size: 0;}
.ratings .ratings-top .ratings-num .num{display: inline-block;vertical-align: top;line-height: 0.79rem;font-size: 0.28rem;color: #999;}
.ratings .ratings-top .ratings-num .icon{display: inline-block;vertical-align: top;width: 0.43rem;height: 0.79rem;background: url(../img/more.png) no-repeat center center;background-size: 0.12rem 0.22rem;}
.ratings .rating-list{padding-left: 0.25rem;}
.ratings .rating-list .rating-item{padding: 0.32rem 0 0.2rem;border-bottom: 1px solid #eee;}
.ratings .rating-list .rating-item:last-child{border-bottom: none;}
.ratings .rating-list .rating-item .user .avatar{float: left;margin-right: 0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;}
.ratings .rating-item .user .avatar img{display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;}
.ratings .rating-item .user .name{float: left;line-height: 0.5rem;font-size: 0.28rem;color: #446889;}
.ratings .rating-item .user .time{float: right;margin-right: 0.3rem;line-height: 0.5rem;font-size: 0.22rem;color: #999;}
.ratings .rating-item .small-star-list{margin: 0.06rem 0 0 0.7rem;}
.ratings .rating-item .rating-text{margin: 0.14rem 0.1rem 0 0.7rem;line-height: 0.4rem;font-size: 0.3rem;color: #333;}
.ratings .rating-item .img-list{margin: 0.23rem 0 0 0.7rem;}
.ratings .rating-item .img-list .img-item{float: left;margin: 0 0.1rem 0.1rem 0;width: 1.8rem;height: 1.8rem;}
.ratings .rating-item .img-list .img-item img{display: block;width: 1.8rem;height: 1.8rem;}
.ratings .comment-btn{display: block;width: 100%;height: 1rem;line-height: 1rem;text-align: center;font-size: 0.32rem;color: #fff;background: #0a95f7;}

/* all-ratings */
.all-ratings-header{position: fixed;left: 0;top: 0;width: 100%;height: 0.9rem;z-index: 100;background: #fff;}
.all-ratings-header .title{line-height: 0.9rem;text-align: center;font-size: 0.36rem;color: #000;}
.all-ratings-header .return{position: absolute;left: 0;top: 0;display: block;width: 0.6rem;height: 0.9rem;background: url(../img/return03.png) no-repeat center center;background-size: 0.21rem 0.39rem;}
.all-ratings{margin-top: 1.1rem;}
.all-ratings .ratings-top .ratings-num{margin-right: 0.34rem;}
.all-ratings .all{margin-left: 0.7rem;line-height: 0.6rem;font-size: 0.26rem;color: #567593;}
.all-ratings .all.on{display: none;}
.all-ratings .rating-item .rating-text{max-height: 2.05rem;overflow: hidden;}
.all-ratings .rating-item .rating-text.on{max-height: none;height: auto;}

/* my */
.my-header{background: #3578df;}
.my-header .return{background: url(../img/return-fff.png) no-repeat center center;background-size: 0.21rem 0.39rem;}
.my-header .title{color: #fff;}
.user-wrapper a{padding-bottom: 0.38rem;/*margin-top: 0.2rem;*/display: flex;display: -webkit-flex;background: #3578df; }
.user-wrapper .avatar{margin-left: 0.2rem;flex: 0 0 1.28rem;-webkit-flex: 0 0 1.28rem;width: 1.28rem;height: 1.28rem;border: 0.06rem solid #72a1e9;border-radius: 50%;}
.user-wrapper .avatar img{display: block;width: 1.28rem;height: 1.28rem;border-radius: 50%;}
.user-wrapper .name{margin-left: 0.38rem;flex: 1;-webkit-flex: 1;line-height: 1.4rem;font-size: 0.36rem;color: #fff;}
.user-wrapper .icon{display: block;flex: 0 0 0.73rem;-webkit-flex: 0 0 0.73rem;width: 0.73rem;height: 1.4rem;background: url(../img/go-fff.png) no-repeat center center;background-size: 0.21rem 0.36rem;}
.my-collection .business-item{margin-bottom: 0;}
.my-collection .business-item:last-child a{border-bottom: none;}
.my-ratings .business-item{position: relative;}
.my-ratings .business-item .see-rating{display: block;position: absolute;right: 0.26rem;bottom: 0.29rem;line-height: 0.56rem;width: 1.48rem;height: 0.56rem;font-size: 0.26rem;text-align: center;border: 1px solid #d2d2d2
  ;color: #666;}

/* my-ratings */
/*.my-ratings-wrapper{margin-top: 1.1rem;}*/
.my-ratings-wrapper .all-ratings{margin-top: 0;}
.my-ratings-wrapper .ratings .rating-list{display: none;}
.my-ratings-wrapper .ratings .rating-list.on{display: block;}
.my-ratings-wrapper .ratings .rating-item .small-star-list{margin: 0;}
.my-ratings-wrapper .all-ratings .rating-item .rating-text{margin: 0.14rem 0.1rem 0 0;max-height: none;height: auto;}
.my-ratings-wrapper .ratings .rating-item .img-list{margin: 0.23rem 0 0 0;}
.my-ratings-wrapper .see-rating .title-wrapper{height: 0.79rem;text-align: center;font-size: 0;}
.my-ratings-wrapper .see-rating .title-wrapper .title{display: inline-block;vertical-align: top;line-height: 0.79rem;height: 0.79rem;font-size: 0.28rem;color: #999;}
.my-ratings-wrapper .see-rating .title-wrapper .icon{display: inline-block;vertical-align: top;width: 0.5rem;height: 0.79rem;background: url(../img/select-icon2.png) no-repeat center center;background-size: 0.22rem 0.12rem;}
.my-ratings-wrapper .see-rating.on .title-wrapper .icon{transform: rotate(180deg)}
.my-ratings-wrapper .ratings .rating-list .rating-item:last-child{border-bottom: 1px solid #eee;}

/* my-collection */ 
.my-collection-list{margin-top: 1.1rem;}
.my-collection-list .business-item{position: relative;margin-bottom: 0.2rem;}
.my-collection-list .business-item a{border-bottom: none;}
.my-collection-list .business-item .delete{position: absolute;right: 0.1rem;top: 0.16rem;display: block;width: 0.7rem;height: 0.7rem;background: url(../img/delete.png) no-repeat center center;background-size: 0.38rem 0.36rem;}
.my-collection-list .business-item .text .name{margin-right: 0.8rem;}

/* critique */
.submit{position: absolute;right: 0;top: 0;padding: 0 0.3rem;line-height: 0.9rem;font-size: 0.3rem;color: #000;}
.package{margin-top: 1.2rem;display: flex;display: -webkit-flex;height: 1.5rem;background: #fff;}
.package .avatar{margin:0.18rem 0.2rem 0 0.25rem;flex: 0 0 1.5rem;-webkit-flex: 0 0 1.5rem;height: 1.1rem;}
.package .avatar img{display: block;width: 1.5rem;height: 1.1rem;}
.package .text{margin-top: 0.18rem;flex: 1;-webkit-flex: 1;}
.package .text .name{line-height: 0.5rem;font-size: 0.32rem;color: #333;}
.package .text .price-wrapper{margin-top: 0.2rem;font-size: 0;}
.package .text .price-wrapper .price{margin-right: 0.15rem;display: inline-block;vertical-align: top;line-height: 0.36rem;font-size: 0.36rem;color: #ff7452;}
.package .text .price-wrapper .old-price{display: inline-block;vertical-align: top;line-height: 0.36rem;font-size: 0.24rem;color: #999;text-decoration: line-through;}
.critique-detail{margin-top: 0.2rem;background: #fff;}
.critique-detail .satis-degree{padding: 0.2rem 0 0.15rem;margin-left: 0.3rem;border-bottom: 1px solid #e5e5e5;font-size: 0;}
.critique-detail .satis-degree .title{margin-right: 0.16rem;display: inline-block;vertical-align: top;line-height: 0.64rem;font-size: 0.3rem;color: #666;}
.star-wrapper{display: inline-block;vertical-align: top;height: 0.64rem;font-size: 0;}
.star-wrapper li{display: inline-block;vertical-align: top;width: 0.32rem; height: 0.64rem; background:url("../img/stars.png") no-repeat;}
.star-wrapper li.lef_ac{ background:url("../img/stars.png") 0 0 no-repeat;background-size: 0.64rem 1.28rem;}
.star-wrapper li.rig_ac{ background:url("../img/stars.png") -0.32rem 0 no-repeat;background-size: 0.64rem 1.28rem;}
.star-wrapper li.lef_on{ background:url("../img/stars.png") 0 -0.64rem no-repeat;background-size: 0.64rem 1.28rem;}
.star-wrapper li.rig_on{ background:url("../img/stars.png") -0.32rem -0.64rem no-repeat;background-size: 0.64rem 1.28rem;}
.critique-detail .message-wrapper{padding: 0 0.3rem 0.6rem;position: relative;}
.critique-detail .message-wrapper textarea{padding-top: 0.4rem;display: block;width: 100%;height: 1.85rem;line-height: 0.4rem;font-size: 0.3rem;resize: none;border: none;outline: none;}
.critique-detail .message-wrapper .num{position: absolute;right: 0.3rem;bottom: 0.3rem;line-height: 0.24rem;font-size: 0.24rem;color: #b3b3b3;}
.critique-detail .tag-list{padding-left: 0.3rem;}
.critique-detail .tag-list .tag-item{float: left;margin: 0 0.3rem 0.2rem 0;padding: 0 0.28rem;line-height: 0.58rem;font-size: 0.26rem;color: #666;border: 1px solid #d2d2d2;}
.critique-detail .upload-pictures{padding: 0.44rem 0 0 0.3rem}

/* 商家简介（弹出层） */
.sum-mask{z-index: 110;-webkit-backdrop-filter:blur(0.1rem);backdrop-filter:blur(0.1rem);}
.sum-wrapper{position: absolute;left: 50%;top: 50%;margin-left: -3.25rem;margin-top: -4.6rem;width: 6.5rem;height: 9.2rem;background: #fff;border-radius: 0.1rem;}
.sum-wrapper .content{padding: 0 0.2rem 1rem;width: 6.5rem;height: 9.2rem;box-sizing: border-box;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;}
.sum-wrapper .title{line-height: 0.92rem;text-align: center;font-size: 0.34rem;color: #000;}
.sum-wrapper .sum-img{margin-bottom: 0.16rem;width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;}
.sum-wrapper .sum-img img{display: block;width: 100%;}
.sum-wrapper .text p{line-height: 0.4rem;font-size: 0.3rem;color: #333;text-indent: 2em;}
.sum-wrapper .close{position: absolute;left: 0;bottom: 0;line-height: 0.9rem;width: 100%;height: 0.9rem;text-align: center;font-size: 0.32rem;color: #fff;background: #1175ea;border-radius:0 0 0.1rem 0.1rem;}

/* 上传图片 */
.z_photo .z_file{
  margin: 0 0.3rem 0.3rem 0;
  width: 1.6rem ;
  height: 1.6rem;
  position: relative;
}
.z_file  .file{
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
}
.z_photo .up-section{
  position: relative;
  margin: 0 0.3rem 0.3rem 0;
}
.up-section .close-upimg{
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  top: -0.22rem;
  right: -0.22rem;
  z-index: 10;
}

.z_photo .up-img{
  display: block;
  width: 100%;
  height: 100%;
}
.loading{
  background:url(../img/loading.gif) no-repeat center center;
  background-size: 0.32rem;
}
.up-opcity{
  opacity: 0;
}
.img-name-p{
  display: none;
}
.upimg-div .up-section {
    width: 1.6rem;
    height: 1.6rem;
}
.upimg-div .z_file {
  width: 1.6rem ;
  height: 1.6rem;
}
.z_file .add-img {
  display: block;
  width: 1.6rem ;
  height: 1.6rem;
}
/*遮罩层样式*/
.works-mask{
  z-index: 110;
}
.works-mask .mask-content{
   width: 6rem;
   height:2.5rem;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -3rem;
   margin-top: -1.25rem;
   background:#fff;
   text-align: center;
   border-radius: 0.05rem;
   overflow: hidden;
}
.works-mask .mask-content .del-p{
  color: #555;
  height: 1.5rem;
  line-height:1.5rem;
  font-size: 0.34rem;
  border-bottom: 1px solid #D1D1D1;
}
.mask-content .check-p{
  height: 1rem;
  line-height:1rem;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.mask-content .check-p span{
  width: 49%;
  display: block;
  text-align: center;
  color: #d4361d ;
  font-size: 0.34rem;
  float: left;
}
.check-p .del-com{
  border-right: 1px solid #D1D1D1;
}
.ratings .comment-btn{position: fixed;left: 0;bottom: 0;}

.critique-detail .tag-list .tag-item.on{color: #ff7452;border-color: #ff7452;}

/* 点赞 */
.up-wrapper{
    /*padding-top: 0.05rem;*/
    text-align: right;
    font-size: 0;
}
.up-wrapper .num{
    display: inline-block;
    vertical-align: bottom;
    line-height: 0.68rem;
    font-size: 0.24rem;
    color: #333;
}
.up-wrapper .up{
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0.4rem;
    width: 0.7rem;
    height: 0.7rem;
    background: url(../img/ding-ico.png) no-repeat center center;
    background-size: 0.32rem 0.3rem;
}
.up-wrapper .up.on{
    background: url(../img/d.png) no-repeat center center;
    background-size: 0.32rem 0.3rem;
}

/* 领劵中心 */
.collar-coupons-wrapper{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
}
.collar-coupons-wrapper .title{
    padding-left: 0.18rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #3f3f3f;
}
.collar-coupons{
    padding: 0 0.18rem 0.2rem;
    border-top: 1px solid #ebebeb;
    background: #fff;
}
.coupons-item{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.4rem 0.6rem;
    margin-top: 0.2rem;
    /*width: 3.45rem;*/
    box-sizing: border-box;
    background: url(../img/coupons-bd.png) no-repeat center center;
    background-size: 100% 100%;
}
.coupons-item-on{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.4rem 0.6rem;
    margin-top: 0.2rem;
    /*width: 3.45rem;*/
    box-sizing: border-box;
    background: url(../img/coupons-bd-on.png) no-repeat center center;
    background-size: 100% 100%;
}
.coupons-item .num{
    line-height: 0.7rem;
    font-size: 0.54rem;
    color: #ff5a6b;
}
.coupons-item .num .i{
    font-size: 0.42rem;
}
.coupons-item .text{
    text-align: right;
}
.coupons-item .text .receive{
    line-height: 0.4rem;
    font-size: 0.32rem;
    color: #ff5a6b;
}
.coupons-item .text .range{
    line-height: 0.3rem;
    font-size: 0.18rem;
    color: #ff5a6b;
}



.coupons-item-on .num{
    line-height: 0.7rem;
    font-size: 0.54rem;
    color: #ff5a6b;
}
.coupons-item-on .num .i{
    font-size: 0.42rem;
}
.coupons-item-on .text{
    text-align: right;
}
.coupons-item-on .text .receive{
    line-height: 0.4rem;
    font-size: 0.32rem;
    color: #ff5a6b;
}
.coupons-item-on .text .range{
    line-height: 0.3rem;
    font-size: 0.18rem;
    color: #ff5a6b;
}





/* 我的优惠券 */
.my-coupon{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.my-coupon .title{
    padding-left: 0.18rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #3f3f3f;
    background: #fff;
}
.coupon{
    padding: 0 0.2rem 0.14rem;
    border-top: 1px solid #ebebeb;
    background: #f6f6f6;
}
.coupon-item1{
    display: block;
    padding: 0.15rem 0.18rem 0;
    margin-top: 0.2rem;
    border-radius: 0.05rem;
    overflow: hidden;
    background: #fff;
}
.coupon-item1 .info{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.coupon-item1 .info .amount{
    line-height: 0.72rem;
    font-size: 0.7rem;
    color: #ff5a6b;
}
.coupon-item1 .info .amount i{
    font-size: 0.55rem;
}
.coupon-item1 .info .text{
    text-align: right;
}
.coupon-item1 .info .text .state{
    line-height: 0.32rem;
    font-size: 0.3rem;
    color: #ff5a6b;
}
.coupon-item1 .info .text .range{
    margin-top: 0.12rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    color: #a0a0a0;
}
.coupon-item1 .info .text .state.on{
    color: #a0a0a0;
}
.coupon-item1 .num-wrapper{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.coupon-item1 .num-wrapper .num{
    line-height: 0.48rem;
    font-size: 0.22rem;
    color: #a0a0a0;
}
.coupon-item1 .num-wrapper .time{
    line-height: 0.48rem;
    font-size: 0.24rem;
    color: #a0a0a0;
}
